@import '~view-ui-plus/src/styles/index.less';
@import '//at.alicdn.com/t/font_3283863_rxcd0vq3b1a.css';

.ty-flex-row{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.ty-layout {
	background: #f5f7f9;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	height: 100vh;
	width: 100vw;
}

.ty-layout-header-bar {
	/* background: #2d8cf0; #808695*/
	background-image: linear-gradient(90deg, #515a6e 20%, #c5c8ce 50%,#515a6e 80%);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	height: 80px;
	width: 100%;
	padding: 0;
}
.ty-layout-header-bar-logo{
	.ty-flex-row;
	justify-content: center;
	align-items: center;
}
.ty-layout-header-bar-icon{
	.ty-flex-row;
	justify-content: center;
	align-items: flex-end;
}
.ty-layout-header-breadcrumb{
	background: #fff;
	height: 48px;
	line-height:48px;
	width: 100%;
	padding-left:24px;
}
.ty-main-content{
	height: ~"calc(100vh - 128px)";
	overflow: auto;
	padding: 0 24px 24px;
	background-color:#fff;
	/*border: 1px solid red;*/
}
.ty-main-slider{
	height: ~"calc(100vh - 80px)";
	overflow: auto;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;     /* Firefox 隐藏滚动条的 CSS 代码*/
}
.ty-main-slider::-webkit-scrollbar { 
    display: none;            /* Safari and Chrome 隐藏滚动条的 CSS 代码*/
}





.ty-flex-row-around{
	.ty-flex-row;
	justify-content: space-around;
	align-items: center;
}
.ty-flex-row-center{
	.ty-flex-row;
	justify-content: center;
	align-items: center;
}
.ty-flex-row-left{
	.ty-flex-row;
	justify-content: flex-start;
	align-items: center;
}
.ty-flex-row-right{
	.ty-flex-row;
	justify-content: flex-end;
	align-items: center;
}